<template>
    <div>
        <header>
          <van-nav-bar title="消息"/>
        </header>
       <div class="sys">
           <router-link to="/sys" class="item">
               <div class="img"><span><i class="zx-icon">&#xe6c2;</i></span></div>
               <div class="cen">
                   <span>系统消息</span>
                   <p>
                       <em>
                           终于等到你了~
                       </em>
                   </p>
               </div>
               <div class="right">
                   <p><i>1</i></p>
                   <p>2018-10-29</p>
               </div>

           </router-link>
       </div>
     <!--   <div class="default">
            <div class="item">
                <div class="img"><span><img src="/img/person3.jpg" alt=""></span></div>
                <div class="cen">
                    <span>陈冬盛</span>
                    <p>
                        <em>
                            我是一只小鸟我是一只我是一只小鸟小鸟我是一只小鸟
                        </em>
                    </p>
                </div>
                <div class="right">
                    <p><i>3</i></p>
                    <p>2018-10-04</p>
                </div>

            </div>
            <div class="item">
                <div class="img"><span><img src="/img/person.jpg" alt=""></span></div>
                <div class="cen">
                    <span>房东(包租婆)</span>
                    <p>
                        <em>
                            我是一只小鸟我是一只我是一只小鸟小鸟我是一只小鸟
                        </em>
                    </p>
                </div>
                <div class="right">
                    <p><i>3</i></p>
                    <p>2018-10-04</p>
                </div>

            </div>
        </div>-->
        <!--<div v-if="taskInfo.length==0" style="text-align: center;padding-top: 30px;">-->
            <!--<p><i style="font-size: 40px;color:#9a9a9a;" class="zx-icon">&#xe724;</i></p>-->
            <!--<p style="font-size: 16px;color: #9a9a9a;">暂无数据</p>-->
        <!--</div>-->
    </div>
</template>

<script>
    export default {
        methods: {

        },
        created(){
            document.body.style.backgroundColor='rgb(239, 243, 246)'
        }
    }
</script>
<style lang="less" scoped>
@import "../../public/css/message.less";
</style>

